<template>
<div class="detail">
    <van-nav-bar @click="callBack"  left-arrow>
        <template #right>
            <van-icon  name="close" size="18" color="#43a5eb"/>
        </template>
    </van-nav-bar>
    <div class="topBox">
        <div class="box">
            <input type="text" value="搜素">
            <span>点餐</span>
            <span>评论</span>
            <span>商家</span>
        </div>
    </div>
</div>
</template>

<script>
export default {
    data() {
        
    },
    methods: {
        callBack() {
            this.$router.go(-1);
        }
    }
}
</script>

<style lang="scss" scoped>
.topBox{
    width: 100%;
    .box{
        margin-left: 4%;
        span{
            margin: 10px 15px;
        }
        input{
            width: 50px;
            background-color: rgb(191, 191, 191);
            border-radius: 4px;
        }
    }
}
</style>